<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="El Justiciero, alumando, profesorado, cuatrovientos, notas, competencias claves" />
<meta name="description" content="Esta es una aplicacion con la cual el instituto cuatrovientos puede evaluar a sus alumnos basandose en las notas tecnicas y las competencias claves" />

<style type="text/css">
	.alerta {  
	color: #9F6000;  
	background-color: #FEEFB3;  
	background-image: url('alerta.png');
	font-family:Arial, Helvetica, sans-serif;   
	font-size:13px;  
	border: 1px solid;  
	margin: 10px 0px;  
	padding:15px 10px 15px 50px;  
	background-repeat: no-repeat;  
	background-position: 10px center;  
	position:relative;  
	}
	
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}

#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}
	</style>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>El Justiciero</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="sliderWrap">
		<div id="openCloseIdentifier"></div>
		<div id="slider">
			<div id="sliderContent">
				<a href="logout.php" title="Clicka aqui para salir de tu sesion">
					Desconectar sesión
				</a>
			</div>
			<div id="openCloseWrap">
				<a href="#" class="topMenuAction" id="topMenuImage">
					<img src="open.png" alt="open" />
				</a>
			</div>
		</div>
</div>
	


<div id="wrapper">
	<div id="header" class="container">
		<div id="logo">
			<h1><a href="#">El Justiciero</a></h1>
			<p>Diseñado para <a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Instituto Cuatrovientos</a></p>
		</div>
		<div id="menu">
			<ul>
				<li class="current_page_item"><a href="form.php">Home</a></li>
				<li><a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Cuatrovientos</a></li>
				<li><a href="http://alviento.cuatrovientos.org/">Alviento</a></li>
				<li><a href="http://aula0.cuatrovientos.org/">Aula 0</a></li>
			</ul>
		</div>
	</div>
	<!-- end #header -->
	
	
	<div id="page">
		<div id="content">
		
		<!--Slide-->
	<script type="text/javascript">
	$(document).ready(function() {
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					marginTop: "-141px"
					}, 500 );
				$("#topMenuImage").html('<img src="open.png" alt="open" />');
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					marginTop: "0px"
					}, 500 );
				$("#topMenuImage").html('<img src="close.png" alt="close" />');
				$("#openCloseIdentifier").hide();
			}
		});  
	});
	</script>
	<!--Slide hasta aqui-->
	
				<a href="competencias.php" class="enlace">Competencias</a></br>
				<a href="items.php" class="enlace">Items</a></br>
				<a href="alumnos.php" class="enlace">Alumnos</a></br>
				<a href="profesores.php" class="enlace">Profesores</a></br>
				<a href="asignatura.php" class="enlace">Asignaturas</a></br>
				<a href="ciclo.php" class="enlace">Ciclos</a>
			
			</div>
			<!-- end #content -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end #page -->
</div>

<div id="footer">
	<p>Diseñado por Sergio Bordonabar, Mikel Ganuza, Eneko Nicolay y Jan Stollen.</p>
</div>
<!-- end #footer -->
</body>
</html>